{literal}
<script type="text/javascript">
    $(document).ready(function(){
        $("#form_cobranca").validate({
            rules: {
				contrato_id: { required: true },
				data_inicio: { required: true },
				data_fim: { required: true },
                data_vencimento: { required: true }
            },
            messages: {
            	contrato_id: { required: "Informe um cliente"},
				data_inicio: { required: "Obrigatorio" },
				data_fim: { required: "Obrigatorio" },
				data_vencimento: "Obrigatorio"
            },
            submitHandler: function(form) {
				jqAjaxForm(form, "div_mensagem");
			}
        });
        
    	$("#cod_cliente").autocomplete("contrato/complete-codigo?eventual=1&geraextrato=1", {
    		width: 400,
    		max: 10,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data, i, n, value) {
    			return value.split("::")[0]+" - "+value.split("::")[1];
    		},
    		formatResult: function(data, value) {
    			return value.split("::")[0];
    		}
    	});

    	$("#cod_cliente").result(function(event, data, formatted) {
    		if (data) {
    			$("#contrato_id").val(formatted.split("::")[0]);
    			$("#nome_cliente").val(formatted.split("::")[1]);
    		}
    	});

		//AUTO COMPLETE COM O NOME DE CLIENTES
    	$("#nome_cliente").autocomplete("contrato/complete-nome?eventual=1&geraextrato=1", {
    		width: 400,
    		max: 100,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data2, i2, n2, value2) {
				return value2.split("::")[0]+"  (Contrato: "+value2.split("::")[1]+")";
    		},
    		formatResult: function(data2, value2) {
    			return value2.split("::")[0];
				 
    		}
    	});

    	$("#nome_cliente").result(function(event2, data2, formatted2) {
    		if (data2){
    			$("#contrato_id").val(formatted2.split("::")[1]);
    			$("#cod_cliente").val(formatted2.split("::")[1]);
    		}
    	});


    	/*new Autocomplete("nome_cliente", function() 
    	{
    		this.setValue = function( id, nomecliente ) {
    			$("#id_cliente").val(id);
    			$("#nome_cliente_val").val(nomecliente);
    		}
    		if ( this.isModified ){
    			this.setValue("");
    		}
    		if ( this.value.length < 1 && this.isNotClick ){ 
    			return ;
    		}
    		//return "c:/wamp/www/sistema_broffices/sistema_broffices/application/controllers/ContratoControler.php?q=" + this.value;
    		return "http://sistema_broffices.localhost/contrato/complete-nome-novo?q=" + this.value;
    	});*/
    	
        $("#contrato_id").numeric();
        $("#data_inicio").datepick({showOn: 'both'});
        $("#data_inicio").mask("99/99/9999");
        $("#data_fim").datepick({showOn: 'both'});
        $("#data_fim").mask("99/99/9999");
        $("#data_vencimento").datepick({showOn: 'both'});
        $("#data_vencimento").mask("99/99/9999");
        
    }); //fecha $(
    
</script>
{/literal}
<form id="form_cobranca" name="form_cobranca" method="post" action="{$_site.url}{$acao}">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
				  <tr>
					<td>
					{if $banco->id > 0}Editar{else}Nova	{/if} Cobran&ccedil;a para clientes eventuais
					<input type="hidden" name="bln_impressao_emlote" value="false"/>
					<input type="hidden" name="bln_cobrancaeventual" value="true"/>
					</td>
				  </tr>
				</table>
    			<table width="100%" border="0" cellspacing="0" cellpadding="0">                
                <tr>
                  <td class="contForm">
                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
               		<tr>
               	  	<td valign="" class="fundoTituloForm">Cliente</td>
                 	<td colspan="3">
                 	<table width="100%">
                  		<tr>
                     		<td valign="top" class="bordaFormResp" width="20%">C&oacute;digo:</td>
                     		<td valign="top" class="bordaFormResp" width="80%">Nome:</td>
		 				</tr>
		 				<tr>
                     		<td valign="top" class="bordaFormResp"><input name="cod_cliente" type="text" class="formulario" id="cod_cliente" value="" size="10"/>
                     		<br><input type="hidden" name="contrato_id" id="contrato_id" value=""/></td>
                     		<td valign="top" class="bordaFormResp"><input name="nome_cliente"  id="nome_cliente" type="text" class="formulario tamanhoForm" value="" size="40"/></td>
						</tr>
             		</table>
                 </td>
 				</tr>
                <tr>
                  	<td class="fundoTituloForm">Per&iacute;odo de apura&ccedil;&atilde;o:</td>
                   	<td class="bordaFormResp">
                   		<table width="100%" cellpadding="0" cellspacing="0">
                   			<tr>
                   				<td width="20%" class="fundoTituloForm">In&iacute;cio</td>
                   				<td width="10%" class="paddingLeft paddingRight"><input name="data_inicio" id="data_inicio" type="text" class="formulario" size="10"/></td>
                   				<td width="15%" class="fundoTituloForm">Fim</td>
                   				<td width="55%" class="paddingLeft"><input name="data_fim" id="data_fim" type="text" class="formulario" size="10"/></td>
                   			</tr>
                   		</table>
                   	</td>
  				</tr>
				<tr>
                   	<td valign="top" class="fundoTituloForm">Data de Vencimento:</td>
					<td class="bordaFormResp" colspan="3">
						<input name="data_vencimento" id="data_vencimento" type="text" class="formulario" size="10"/>
					</td>
                 </tr>
				<!--<tr>
                   	<td valign="top" class="fundoTituloForm">Observa&ccedil;&otilde;es:</td>
					<td class="bordaFormResp" colspan="3">
						<textarea name="observacoes" id="observacoes" rows="5" cols="10" class="formulario tamanhoForm"/></textarea>
					</td>
                 </tr>-->
                 </table>
                  </td>
                </tr>
        		<tr>
                  <td class="paddingTop15 paddingBottom15" align="center"><!-- === Botões ( Salvar e Limpar ) === -->
                      <span class="paddingRight15">
                      	<input type="submit" value="Salvar" class="botao">
                      </span>
                    <span class="paddingRight15">
                    <input name="limpar" type="reset" id="Limpar" value="Limpar" class="botao" />
                    </span>
                    <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
                      <!-- Final === Botões ( Salvar e Limpar ) === -->                      </td>
                </tr>
              </table>	
    </form>
